@charset "gb2312";
body{font-size:14px;	color:#1f1f1f; 	font-family:'微软雅黑',Verdana,Georgia,SimSun,Arial,Helvetica,'sans-serif';	padding:0px;margin:0px auto;background-color:#FFF; overflow-x: hidden; width:100%;}
*{	margin: 0;	padding: 0;	text-decoration: none;	list-style: none;
    font-family:"微软雅黑","Microsoft Yahei";  color: #4c4c4c;}
a{  text-decoration: none;}
.clearfix:after {content: " ";	display: block;	clear: both;height: 0;}
.clearfix {	zoom: 1;}
.clear,.c{ clear:both;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.box{margin: 0 auto;width: 1200px;}
.wrap{ width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.mcon tr:hover{color:#c20a14;}
table{display:block;max-width: 100%;  overflow-x:auto; border:none; }
/*banner*/
#banner{ width: 100%; position: relative;}
#banner ul{ overflow: hidden; margin-bottom: 0;}
#banner ul li{ list-style: none; display: none;}
#banner img{width: 100%;}
#p{ width: 90px; position: absolute;left: 48%;bottom: 3%;}
#p p{ width: 10px; height: 10px; border-radius: 50%; background: #1c67c4; float: left; margin-left: 10px;}
#p p:nth-child(1){ margin-left: 0;}
#p .on{ background: #fff;}
#left{ font-size: 60px; font-weight: bold; color: #fff; position: absolute; left: 5%; top: 45%; display: none; text-decoration: none;}
#right{ font-size: 60px; font-weight: bold;color: #fff; position: absolute; right: 5%; top: 45%; display: none; text-decoration: none;}
/*banner*/
.head{ background: #fff;border-bottom:1px solid #ccc; padding: 5px 0;}
.head p{ float: left; font-size: 15px; color: #666;}
.head .box div{ float: right;}
.head a{ display: block; float: left; font-size: 15px; color: #666; margin-right: 10px;}
.logo{  float: left;}
.tel{ float: right;	background:url(../images/tel.jpg) no-repeat 0 10px;}
.tel p{ padding-left:40px;}
.tel p span{ float: right; font-size:24px;color:#0c5cc8;font-weight:bold;}

.header{ padding: 35px 0;}
.nav{  background: #0c5cc8; height: 60px;}
.nav ul li{  float: left; width: 16.5%; text-align: center; line-height: 60px; background: url(../images/mnsl.png) right 0px no-repeat;}
.nav ul li a{ display: block; height: 60px; line-height: 60px; color: #fff;	font-size:16px;}
.nav ul li a:hover{	font-size:18px;}
.a{  background: none!important;}



/*产品*/
.ind-probox{ margin:40px 0 49px;}
.pro-l { width:20%;}
.pro-l .p-top{ height:100px; background:#0C5CC8;}
.pro-l .p-top h2{ font-size:26px; color:#fff; text-align:center; padding-top:20px;}
.pro-l .p-top p{ color:#fff; text-align:center;}
.pro-sort{ background-color:#f0f0f0; }
.pro-sort h3 a{ width:90%; padding-left:10%; margin-top:10px; display:inline-block; background:url(../images/h3.png) no-repeat 190px 12px #0C5CC8; color:#fff; height:45px; line-height:45px;}
.pro-sort h3 a:hover{background:url(../images/h3_1.png) no-repeat 190px 12px #0C5CC8; color:#fff;}
.pro-nav{ width:100%; margin:0 auto 0; overflow: hidden;}
.pro-nav .nLi{ width:100%; height:36px; line-height:36px;  position:relative; display:block; border-left:10px solid #d6d6d6;}
.pro-nav .nLi h4{ display:block; border-bottom:1px dashed #ccc;}
.pro-nav .nLi h4 a{ display:block; font-size:16px; font-weight:normal; text-indent:21px; }
.pro-nav .nLi h4 a span{ display:inline-block; float:right; width:16px; height:36px;  margin-right:22px;}
.pro-nav .sub{ display:none; width:220px; left:216px; top:0px;  position:absolute; line-height:36px; z-index:100; border-radius:4px; background: url(../images/pr_cur.png) repeat;  border: 1px solid #c7c6c6;  padding: 20px 18px;}
.pro-nav .sub li{ zoom:1; }
.pro-nav .sub a{ display:block; color:#666; height:36px; line-height:36px; background:url(../images/pr_li.png) no-repeat left center; padding-left:10px; }
.pro-nav .sub a:hover{color:#017ad3; font-weight:900; border-bottom: 2px solid #c30101; }
.pro-nav .on h3 a{ background:#017ad3; color:#fff;   }
.pro-nav .on h3 a span{ background-position:0 -36px;}
.pro-btm{ width:100%; background:#0C5CC8; margin-top:20px; }
.pro-btm .tel1{ float:left; margin-top:15px; margin-left:20px; padding:20px 10px;}
.pro-btm .tel1 p{ color:#d1d1d1; line-height:14px;}
.pro-btm .tel1 h2{ color:#fff; font-family: "Times New Roman"; font-weight:900; font-size:22px; line-height:22px; margin:7px 0 15px;}
.pro-btm .tel1 h4{ color:#fff; font-weight:bold;  line-height:38px; font-size:28px;}
.pro-btm .tel1 .zx-btn{ width:100px; height:30px; background-color:#fff; border-radius:15px; display:block; text-align:center; line-height:30px; margin-top:6px; -moz-box-shadow:2px 2px 5px rgba(88,2,2,0.41); -webkit-box-shadow:2px 2px 5px rgba(88,2,2,0.41); box-shadow:2px 2px 5px rgba(88,2,2,0.41);}
.pro-r{ width:77%; margin-left:3%;}
.pro-r .r-top{ border-bottom:1px solid #e6e6e6; padding-bottom:14px;}
.pro-r .r-top h3{height:21px; line-height:21px; font-size:21px; background:url(../images/pro-r-ico.png) no-repeat 0px center; text-indent:22px; position:relative; float:left;}
.pro-r .r-top h3:after{	content:'';	position:absolute;	top:29px;left:0px;	height:8px; width:99px;	background:url(../images/pro-r-ico2.png);}
.pro-r .r-top a{ display:block; float:right;}
.pro-r ul{ width:100%;}
.pro-r li{ position:relative; width:31%; border:4px solid #efefef; text-align:center; float:left; margin-right:1%; margin-top:22px; }
.pro-r li:hover{ border-color:#efefef;}
.pro-r li:hover p{ background-color:#efefef; color:#fff;}
.pro-r li:hover p a{ color:#666;}
.pro-r li:hover p span{ color:#fff;}
.pro-r li .pro-img{ width:100%; overflow:hidden; text-align:center;}
.pro-r li img{ width:100%; }
.pro-r li p{ display:block; text-align:center; background-color:#efefef; white-space: nowrap; text-overflow: ellipsis;}
.pro-r li p a{ display:block;  text-align:center; line-height:40px; font-size:16px;}
.pro-r li p span{ display:block; height:24px; line-height:24px; overflow:hidden; color:#666;}

/*通栏*/
.tl-ban{ width:100%; height:188px; background:url(../images/ban-tl.jpg) no-repeat center 0; }
.s-tel{background:url(../images/gg_tel1.png) no-repeat 0 center;  padding-left:45px;}
.s-tel p{ height:14px; line-height:14px; color:#fff; }
.s-tel h4{ font-weight:bold; font-size:30px; line-height:30px; font-family: "Times New Roman"; margin-top:4px; color:#fff; }
.s-banner-r{ margin-top:45px;}
.s-banner-r .zx-btn{ display:block; width:230px; height:36px; line-height:36px; text-align:center; color:#fff; background-color:#01629a; margin:16px 0 0 6px;}

/*  产品特点 */
.odds{padding:40px 0;overflow:hidden;background: url(../images/pro_bg.jpg);}
.slide-top{height:40px; text-align:center; background:url(../images/news-tit.png) no-repeat center 0; font-size:15px; padding-top:45px;}
.slide-top a{color: #333333; font-size:16px;}
.odds .slide-top{ background:url(../images/protd-tit.png) no-repeat center 0;}
.oddsMain{ background:url(../images/td-pro.png) no-repeat center 0;height:450px;overflow:hidden;padding-top:90px;}
.oddsMain li{float:left;width:225px;padding-left:75px;height:210px;margin-bottom:10px;}
.oddsMain li i{float:left;width:60px;height:60px;background: url(../images/oddsIcon.jpg) no-repeat;margin-left:-75px;}
.oddsMain li h4{font-size:28px;color:#0C5CC8;font-weight:normal;margin-bottom:5px;line-height:40px;transition:all 0.3s;position:relative;}
.oddsMain li h4:after{content:"";position:absolute;left:0;width:0;height:2px;background:#0C5CC8;top:0;transition:all 0.3s;}
.oddsMain li:nth-child(2n){float:right;margin-left:500px;}
.oddsMain li:nth-child(2) i{background-position: -120px 0;}
.oddsMain li:nth-child(3) i{background-position: -60px 0;}
.oddsMain li:nth-child(4) i{background-position: -180px 0;}
.oddsMain li:hover h4{padding-top:20px;}
.oddsMain li:hover h4:after{width:50px;}
.odds .tel-box{ width:452px; height:40px; line-height:40px; border:1px solid #0C5CC8; border-radius:30px; margin:40px auto 0;}
.odds .tel-box p{  color:#fff; background:url(../images/tel-bg.png) no-repeat center; width:168px; height:40px; line-height:40px; text-align:center;  float:right; margin-left:-1px;}
.odds .tel-box p img{ margin-right:7px;}
.odds .tel-box span{ display:block; float:left; margin-left:16px; line-height:40px; color:#; background:url(../images/tel_ico.png) no-repeat 0 center; padding-left:16px;}
.odds .tel-box i{  font-family:'Impact'; color:#0C5CC8; font-size:20px; display:block; float:left;}


/*公司简介*/
.gsjj{ width:100%; background:#0c5cc8; margin-bottom:40px; padding:80px 0;}
.gsjjt{  height:100px; margin-bottom:50px;}
.gsimg{ width:48%; float:left; margin-right:2%;}
.gsimg img{ max-width:100%; border:0; height:auto;}
.conp{ width:50%; float:left;}
.gstit{ margin-bottom:30px;}
.gstit h2{ font-size:24px; color:#fff;}
.gstit div{ width:40px; height:3px; background-color:#0066cc; margin-top:6px;}
.gstit span{ font-size:12px; text-transform:uppercase; color:#fff;}
.conp p{ text-indent:28px; line-height:30px; margin-bottom:40px; color:#fff; font-size:16px;}
.jjgd{ width:140px; height:40px; line-height:40px; background-color:#0066cc; text-align:center; text-indent:0; margin-top:15px;}
.jjgd a{ color:#ffffff;}

/*案例*/
.mcgal{ margin-bottom:3em;}
.mcgalt{ height:132px; background:url(../images/al.jpg) no-repeat center center;}
#gundong1 {margin:0 auto;}
#gundong1 .content {width: 100%;  overflow: hidden;}
#gundong1 .content #marquee1 { width:98%;display: inline; height:266px; float: left;  overflow: hidden; margin:1%;}
#gundong1 .content #marquee1 li { padding:3px; text-align: center; float: left; margin-right:20px; overflow: hidden; background-color:#eeeeee; border:1px #ddd solid;}
#gundong1 .content #marquee1 img {width: 300px; }
#gundong1 .content #marquee1 li .ctxt{ height:30px; text-align:center; line-height:30px; width:100%; }
#gundong1 .content #marquee1 li:hover .ctxt{ background-color:#0053a9;}
#gundong1 .content #marquee1 li:hover .ctxt a{ color:#fff;}

/*新闻*/
.new{}
.new2{ width:570px; float:left; display:inline; }
.new3{ width:570px; float:left; margin-left:60px; display:inline; }
.sytit{background:url(../images/ml1.jpg) repeat-x center bottom; height:45px; margin-bottom:1em; }
.sytit h3{ font-size:20px; font-weight:bold; border-left:6px solid #0c5cc8; float:left; text-indent:15px;}
.sytit span{float:right; width:60px; background-color:#0053a9; height:20px; border-radius:20px; text-align:center; line-height:20px; margin-top:5px; font-size:12px; text-indent:0; }
.sytit span a{ color:#ffffff;}

.new .n1{ margin-bottom:10px;}
.new li{ border-bottom:1px #b2b2b2 solid; margin-bottom:5px; overflow:hidden;}
.new li span{ float:right; font-weight:normal; color:#666666;}
.new li a{ color:#333333; font-weight:bold; display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.new li p{ color:#666666; line-height:24px; overflow:hidden; padding:10px 0;}
.new li:hover a{ color:#0053a9;}

/*友链*/
.link{ padding:15px 0px;}
.link b{ color:#0c5cc8; font-size:16px;}

/*底部*/
.foot{ padding:30px 0px 0px; background-color:#0053a9; color:#fff;}
.footc{ margin:0 auto 20px;}
.foot a{ color:#fff;}
.foot a:hover{ color:#96c9ff;}
.fwx{ width:30%; float:left; text-align:right;}
.flx{ width:50%; float:left;}
.flx li{ width:50%; float:left; color:#fff; line-height:32px;}
.flx li:first-child{ width:100%;}
.flxt{ font-size:18px; margin-bottom:10px; font-weight:bold; color:#fff;}
.fly{ width:20%; float:left; }
.fly dl{ }
.fly dt{ font-size:16px; line-height:32px;}
.fly dd{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.bq{ border-top:1px #4366a6 solid; margin-top:20px; text-align:center; line-height:40px; color:#fff;}

.fdh{ display:none;}
.cpfl{ overflow:hidden;}
.cpfl ul{ overflow:hidden; margin:0 -1%;}
.cpfl li{ width:23%; float:left; margin:2% 1%; text-align:center;}



.list{}
.list .node{margin-bottom:8px} /* 单个文章信息 */
.list .node .title{padding-bottom:6px;padding-top:5px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#EBEBEB} /* 标题 */
.list .node .title h2{margin:0px;padding:0px;font-size:16px} /* 标题 */
.list .node .title a{border-left-width:5px;border-left-style:solid;border-left-color:#D9D9D9;padding-left:5px}
.list .node .title a:hover{text-decoration:underline}
.list .node .description{padding:8px;line-height:150%;color:#555} /* 描述 */
.list .node .description p{margin:0px;padding:0px}
.list .node .info{text-align:right;font-size:12px;line-height:20px;color:#666;padding-right:18px} /* 文章其他信息 */
.list .node .info span{color:#fa8e10;}
.info{text-align:center;line-height:30px;color:#666;padding-right:18px; border-top:1px #dddddd solid;  border-bottom:1px #dddddd solid; margin-bottom:20px;}
/*news*/
.mainn {
    margin-top: 50px;
    margin-bottom: 50px;
}
.n-news-1 {
    margin-top: 100px;
}
.cl {
    float: left;
    width: 42%;
    background-color: #f6f6f6;
    margin-right: 3%;
    padding: 30px;
}
.cll {
    margin: 20px 0;
}
.cll p {
    float: left;
}
.cll span {
    float: right;
}
.nck {
    margin-top: 40px;
    display: block;
    font-weight: bold;
    font-size: 19px;
}
.cr {
    width: 47%;
    float: left;
    position: relative;
    height: 370px;
}
.cr img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.cr div {
    padding-top: 24px;
    position: absolute;
    left: 50px;
    top: -33px;
    background: #026fe6;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 30px;
}
.n-news-2 {
    margin-top: 100px;
    background-color: #f6f6f6;
    padding: 100px 0;
}
.cl-l {
    float: right;
    width: 42%;
    background-color: #fff;
    margin-right: 3%;
    padding: 30px;
}
.n-nav {
    background: #ccc;
}
.list-column {
    height: 14px;
    line-height: 14px;
    color: #808080;
    padding-bottom: 17px;
    padding-top: 11px;
}
.list-column a {
    text-decoration: none;
    color: #4c4c4c;
}
.list-column img{
    width: 22px;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
/*news*/
.newss{
	margin-top: 50px;
}

.news_d{
	width: 30%;
	height: 300px;
	float: left;
	margin: 2% 1.5%;
	position: relative;
	box-shadow: 0px 0px 0px #0265da;
	box-shadow: 0px 0px 0px ;
	transition: all 0.2s ease 0s;
	-webkit-transform: translateY(0px) translateX(0px);
	-o-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	-ms-transform: translateY(0px) translateX(0px);
}
  .news_d:before,
  .news_d:after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 100%;
	height: 3px;
	background: #0265da;
	-webkit-transform: scaleX(0);
	-o-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transition: all 0.2s ease;
	z-index: 1;
  }
  .news_d:before {
	top: 0;
	left: 0;
	-webkit-transform-origin: 0 0;
  }
  .news_d:after {
	bottom: 0;
	left: 0;
	-webkit-transform-origin: 100% 0;
  }
  .news_d:hover {
	box-shadow:20px 20px 0px #818181;
	-webkit-transform: translateY(-10px) translateX(-10px);
	-o-transform: translateY(-10px) translateX(-10px);
	-moz-transform: translateY(-10px) translateX(-10px);
	-ms-transform: translateY(-10px) translateX(-10px);
	transition: all 0.2s ease 0.4s;
  }
  .news_d:hover:after,
  .news_d:hover:before {
	-webkit-transform: scaleX(1);
	-o-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
  }

 .card {
	background: #f6f6f6;
	padding: 30px 35px 45px 35px;
	margin-bottom: 30px;
	border: 0px solid rgba(129, 129, 129, 0.1);
    width: 80%;
    height: 75%;
    display: block;
  }
  
  
  
 .card:before,
 .card:after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 3px;
	height: 100%;
	background: #0265da;
	-webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transition: all 0.2s ease 0.2s;
  }
 .card:before {
	top: 0;
	left: 0;
	-webkit-transform-origin: 0 100%;
  }
 .card:after {
	top: 0;
	right: 0;
	-webkit-transform-origin: 0 0;
  }
 .card:hover:after,
 .card:hover:before {
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
  }
.news_p2{
	color: #555555;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}
.news_p3{
	color: #4c4c4c;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    vertical-align: inherit;
	height: 20px;
	border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
}
.news_d2{
	margin-top: 10px;
	color: #5f5f5f;
	letter-spacing: 0.5px;
    font-size: 13px;
    line-height: 34px;
    font-weight: 300;
    color: #999999;
}
.news_d a{
	text-decoration: none;
}

.mat{ margin-bottom:30px; text-align:center;}
.mat h2{ font-size:34px;  line-height:50px;}
.mat p{ text-transform:uppercase;}
.mat div{ width:30px; height:3px; background-color:#0c5cc8; margin:10px auto;}
.mat h2 span{ color:#c20a14;}

/*page*/
.i5upage li { list-style-type:none; float:left; } /*如分页代码变成楼梯错位，加上这句即可*/
.i5upage{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; margin-bottom:25px; }
.i5upage a,.i5upage span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

/*sitepath*/
.nnav{
    border-bottom: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    margin-top: 40px;
    margin-bottom: 20px;
}
/*article*/
.apa1{
    text-align: center;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    display: table;
    margin: 0 auto;
    padding: 5px 10px;
    margin-bottom: 15px;
}
.syp{
    margin-top: 6%;
    width: 50%;
    float: left;
	font-size:16px;
}
.syp p{
    float: left;
}
.syp a{
    text-decoration: none;
    color: #000;
}

.xyp p{
    float: left;
}
.xyp a{
    text-decoration: none;
    color: #000;
}
.xyp{
    float: right;
    margin-top: 6%;
	font-size:16px;
}
.tjcp_d {
    float: left;
    width: 23%;
    margin-right: 2%;
}
.tjcp_d img {
    width: 100%;
}
.tjcp_d p {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}
.aps1{
    margin: 20px 0;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    padding-left: 40px;
    padding-bottom: 5px;
    background: url(../images/names1.png) rgb(230, 230, 230) no-repeat;
    color: #fff;
    width: 96%;
}
.ndiv {
    width: 45%;
    float: left;
    margin: 10px;
}
.ndiv p {
    padding-left: 20px;
    position: relative;
	font-size:16px;
}
.ndiv p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 40%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
}
.ai{
    line-height: 2;
    margin-top: 40px;
}
.ai .con{
    line-height: 2;
    margin-top: 40px;
	font-size:16px;
}


.tabpanel_div {
    width: 30%;
    text-align: center;
    border: 1px solid #f2f2f2;
    margin-bottom: 3%;
    margin-right: 0.5%;
    margin-left: 1.8%;
    float: left;
    position: relative;
    overflow: hidden;
}
.tabpanel_div img {
    width: 100%;
    cursor: pointer;
    transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
}
.tabpanel_a {
    color: #000;
    display: block;
    margin-top: 2%;
    text-decoration: none;
}
.tabpanel_a p {
    margin: 5px 0 7px 0;
}
.main{
    margin-top: 40px;
}
/*channel*/
.nprod{
    margin: 60px 0;
}
.npr .cle{
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.npr .cle p{
    float: left;
    height: 40px;
    padding-left: 50px;
    background: url(../images/procen1.png) no-repeat;
    color: #00132b;
    font-size: 24px;
    font-weight: bold;
}
.npr .cle a{
    display: block;
    float: right;
    color: #00132b;
    font-size: 20px;
}
.noo{
    float: left;
    width: 24%;
    margin-right: 1.33%;
    background: #f3f3f4;
    border-bottom: 2px solid #f3f3f4;
    transition: 1s;
}
.noo:nth-child(5){
    margin-right: 0;
}
.noo img{
    width: 100%;
}
.np1{
    text-align: center;
}
.nab{
    font-size: 26px;
    text-align: center;
    text-align: center;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
    font-weight: bold;
    margin: 20px 0;
}
.nabout{

    margin-bottom: 50px;
	font-size:16px;
}
.nabout{ 
        line-height:30px;}
/*about*/
.aboutthree ul li {
    float: left;
    position: relative;
    width: 27%;
    margin-bottom: 4%;
    margin-left: 70px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}
.aboutthree ul li .aboutthreebox {
    position: absolute;
    transition: all 0.5s linear;
    left: 0px;
    top: 0%;
    width: 100%;
    height: 100%;
    background: #e4e4e4;
    padding-top: 75px;
}
.aboutthree ul li .aboutthreebox i {
    clear: both;
    display: block;
    text-align: center;
    width: 80px;
    margin-bottom: 40px;
    margin: 10px auto;
}
.aboutthree ul li .aboutthreebox span {
    clear: both;
    display: block;
    text-align: center;
    font-size: 35px;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
    font-weight: bold;
}
.aboutthree ul li .aboutthreebox p {
    clear: both;
    display: block;
    text-align: center;
    font-size: 20px;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
    font-weight: bold;
    margin-top: 40px;
}
.aboutthree ul li .aboutthreepic {
    clear: both;
    display: block;
}
.aboutthree ul li:hover .aboutthreebox {
    top: -130%;
    transition: all 0.5s linear;
}
.aboutthree ul li img{
    width: 100%;
}
.aboutthree ul li:nth-child(4){
    margin-left: 22%;
}
/*lxwm*/

.cont-show {
    clear: both;
    overflow: hidden;
    margin: 40px auto;
}
.cont-show h1 {
    color: #000;
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    height: 67px;
    line-height: 45px;
}
.cont-show b {
    display: block;
    color: #E5E5E5;
    font-size: 40px;
    text-align: center;
    margin: 0 0 5px;
}
.cont-way {
    clear: both;
    overflow: hidden;
    padding-bottom: 80px;
}
.way-info {
    float: left;
    width: 50%;
}
.way-info h2 {
    color: #333;
    font-size: 18px;
    margin-bottom: 30px;
}
.way-info p {
    line-height: 30px;
    color: #676767;
    font-size: 18px;
    margin-bottom: 10px;
}
.way-info p img {
    margin-right: 10px;
    float: left;
}
.way-con {
    clear: both;
    overflow: hidden;
    padding-top: 50px;
    margin-top: 40px;
    border-top: 1px solid #EEE;
}
.way-con b {
    display: block;
    color: #676767;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    margin: 10px 0;
}
.way-con a {
    display: block;
    overflow: hidden;
    color: #FFF;
    font-size: 14px;
    width: 125px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
    background-color: #0166da;
}


.way-map {
    float: right;
    width: 40%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
#allmap {
    display: block;
    width: 100%;
    height: 460px;
    border-radius: 50%;
}

.bos{
    width: 1200px;
    margin: 0 auto;
    line-height: 2;
}




.nl_bg {
    background: #f3f3f4;
    overflow: hidden;
}
.ab_m3 {
    max-width: 1200px;
    margin: 50px auto 50px;
    overflow: hidden;
}
.ab_m3 dl {
    width: 100%;
    padding: 20px 0 20px;
    overflow: hidden;
}
.ab_m3 .l {
    margin-right: 60px;
    float: left;
}
.ab_m3 dl dt {
    width: 50%;
    overflow: hidden;
}
.ab_m3 dl dt img {
    width: 100%;
    height: auto;
}
.ab_m3 dl dd {
    padding: 80px 0 0;
}
.ab_m3 dl dd h2 {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #00132b;
}
.ab_m3 dl dd p {
    margin: 10px auto 0;
    line-height: 2;
}
.ab_m3 {
    max-width: 1200px;
    margin: 50px auto 50px;
    overflow: hidden;
}
.ab_m3 dl {
    width: 100%;
    padding: 20px 0 20px;
    overflow: hidden;
}
.ab_m3 .r {
    margin-left: 60px;
    float: right;
}
.ab_m3 dl dd {
    padding: 80px 0 0;
}
.ab_m3 dl dd h2 {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #00132b;
}
.ab_m3 dl dd h2 a {
    color: #00132b;
}
.ab_m3 dl dd p {
    margin: 10px auto 0;
}   


.nyl{ width:50%; float:left; margin-bottom:50px;}
.nyl img{ width:100%; max-width:100%; }
.nyr{ width:45%; float:left; margin-left:4%; display:inline;}
.nyr h2{  font-size:26px; margin-bottom:30px;}
.nytel{ width:100%; display:inline-table; height:60px; font-size:24px; line-height:60px; color:#fff; border-radius:4px; background-color:#0c5cc8; text-align:center; overflow:hidden; text-align:center; margin-top:30px;}
.nytel a{ color:#fff;}
.nyms{ margin-top:20px; border-bottom:1px #dddddd solid; padding-top:20px; padding-bottom:20px; color:#666;border-top:2px #d10707 solid; line-height:32px; font-size:16px;}
.proonedetailfltel{clear:both; display:block; font-size:14px;color:#999; margin-top: 30px;}
.proonedetailfltel strong{font-size:30px;color:#0c5cc8;vertical-align: text-bottom;display: inline-block;}

.pro_number {
    margin-bottom: 20px;
    font-size: 18px;
    background: url(../images/number1.png) left no-repeat;
    line-height: 28px;
    padding: 2.5%;
    padding-left: 80px;
    float: left;
}
.ny_r .clearfix{
    margin-top: 40px;
}
.ny_a{
    display: block;
    width: 45%;
    height: 60px;
    border-radius: 5px;
    background: #FF0000;
    text-align: center;
    line-height: 60px;
    color: #fff;
    float: right;
    margin-top: 15px;
}
.navbar-light{
    z-index: 99;
    background: #000;
    opacity: .8;
    color: #fff;
    position: sticky;
    left: 0;
    top: 0;
}
.navbar-light a{
    display: block;
	width: 20%;
	float: left;
    color: #fff;
    text-align: center;
    line-height: 46px;
    text-decoration: none;
}
.navbar-light a:hover{
    background: #FF0000;
}
#contont5{
    margin-top: 25px;
}
.nnl{
    line-height: 2;
}

#contont h2{
    margin: 20px 0;
}

#contont2 h2{
    margin: 20px 0;
}

#contont3 h2{
    margin: 20px 0;
}
.mni{
    line-height: 2;
}
.mni img{ max-width:100%;}
.nbanner img{
    width: 100%;
}
table{
    border-collapse:collapse ;
	
}